<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/icon.css">
        
        <script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.min.js"></script>
        <script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
       
       <select style="width: 250px;" class="easyui-combogrid" data-options="
            panelWidth:400,
            idField:'id',
            textField:'user',
            columns:[[
                {
                    field:'id',
                    title:'编号',
                    width: 100
                },{
                    field:'user',
                    title:'帐号',
                    width: 100
                },{
                    field:'age',
                    title:'年龄',
                    width: 100
                },{
                    field:'gender',
                    title:'性别',
                    width: 100
                }
            ]],
            data:[
                {
                    id:1,
                    user:'Cay1',
                    age:21,
                    gender:'female'
                },{
                    id:2,
                    user:'Cay2',
                    age:26,
                    gender:'male'
                },{
                    id:3,
                    user:'Cay3',
                    age:31,
                    gender:'male'
                },{
                    id:4,
                    user:'Cay4',
                    age:20,
                    gender:'female'
                }
            ]
       "></select>


        <br/>
        <br/>
        <br/>
        <br/>
        <input id="box" />
    </body>
</html>